<template>
  <div>
		<hr class="two" />
		<h2>==== Slot 插槽 子组件 插入到父组件 ===</h2>

    <h2>Slot : DefaultSlot </h2>

    <DefaultSlot />
    <h2>Slot : NamedSlot </h2>

    <NamedSlot />
    <h2>Slot : ScopeSlot </h2>

    <ScopeSlot />


  </div>
</template>

<script>

import DefaultSlot from './1_DefaultSlot/DefaultSlot'
import NamedSlot from './2_NamedSlot/NamedSlot'
import ScopeSlot from './3_ScopeSlot/ScopeSlot'

export default {
  name: "SlotUse",
  components: {DefaultSlot, NamedSlot, ScopeSlot}
}
</script>

<style scoped>
h2 {
  color: #52d38a;
  background: #2d2670;
}
</style>